<style type="text/css">
#forgetpass_win { text-align:center; margin-top:20px; }
#forgetpass_win span { margin: 3px; color: red; }
.bottom_ad { margin-top: 20px; text-align: center; }
#forgetpass_win span { color: white; }
#step2 i { color: red; padding: 0px 2px; }
</style>
<div id="forgetpass_win">

	<h3>找回密码</h3>
	<div style="text-align:left; width:500px; margin:0 auto; padding: 5px 10px;">
	<div>请输入用户名：<input type="text" id="name" />
		<br/><br/>您想通过哪种方式找回密码：
			<label>&nbsp;<input type="radio" checked="true" name="passtype" /> 回答密码问题</label>
			<label>&nbsp;<input name="passtype" type="radio" /> 已认证邮箱找回密码</label>

		<br/><input type="button" id="btnNext" value="下一步" class="btn btn-primary" />
			<span id="errtip" class="label label-warning" style="display:none;"></span>
	</div>

	<div id="step2" style="display:none;">
		<br/><h5>通过已认证邮箱找回密码</h5>
		<div>该帐号的认证邮箱为：<u id="step2_email"></u>，
			<br/>您是否愿意接收<i>重新设置密码</i>的邮件信息？
			<input type="button" value="发送邮件" class="btn btn-info" id="btnMail" onclick="sendMail();" />
			<input type="button" value="取消" class="btn" onclick="$('#step2').hide();" />
			</div>
	</div>

	<div id="step3" style="display:none;">
		<br/><h5>通过回答密码问题来找回</h5>问题：<u></u>
		<br/>答案：<input type="text" id="tbxs3" style="width:100px;" />
		<br/><input type="button" value="提交答案" class="btn btn-info" onclick="__check_answer_click();" />
	</div>

	</div>
</div>

	<div class="bottom_ad">
<script type="text/javascript">
/*728*90，创建于2013-3-19*/
var cpro_id = "u1238875";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
	</div>	

<script type="text/javascript">

// 隐藏提示语
function hideerr() {
	$('#step2').hide();
	$('#step3').hide();
	$('#errtip').hide();
	window['userid'] = '';
}

// 显示错误提示语
function showerr(err) {
	$('#errtip').show().html(err);
}

// 显示step2
function showStep2(email){
	$('#step2').show();
	$('#step2_email').html(email);
}

// 显示密码问题
function showPassQuestion(question) {
	$('#step3 u').html(question);
	$('#step3').show();
}

// 提交答案
function __check_answer_click(){
	if(window['userid']) {
		checkPassAnswer(window['userid'], $('#tbxs3').val());
	}
}

// 验证答案
function checkPassAnswer(uid, answer){
	if(answer == '') {
		alert('答案不能为空');
		return;
	}
	$.post('/user/check_pass_answer', {
		'uid':uid,
		'answer':answer
	}, function(data){
		if(data.state == 1) {
			var url = '/user/resetpass?uid='+uid+'&token=' + data.token;
			location.href = url;
		} else {
			alert('错误的答案');
		}
	}, 'json');
}

// 发送邮件
function sendMail(){
	if(window['userid']) {
		$.post('/user/resetpass_email', {
			uid:window['userid'],
			token:''
		}, function(data){
			if(data.state == 1){
				alert('邮件已发送，请在1分钟后登录您的邮箱查看。');
				$('#btnMail').attr('disabled', true);
			} else {
				alert('邮件发送失败，请重新尝试。');
			}
		}, 'json');		
	}
}

$(document).ready(function(){
	$('#btnNext').click(function(){
		hideerr(); // 隐藏提示语
		var name = $('#name').val();
		if(name.length < 3) {
			showerr('请输入正确的用户名');
			return;
		}

		// 检测用户名
		var typeid = $(':radio[name="passtype"]:eq(0):checked').length > 0 ? 1 : 2;
		$.getJSON('/user/forgetpass?name=' + encodeURIComponent(name), function(data){
			if(data.userid == 0) {
				showerr('用户名不存在');
				return;	
			}
			if(typeid == 1 && data.question == ''){
				showerr('该帐户没有设置密码问题，请通过其他方式找回密码。');
				return;
			}
			if(typeid == 2 && data.email == '') {
				showerr('该帐户尚未认证邮箱，请通过其他方式找回密码。');
				return;
			}
			window['userid'] = data.userid
			if(typeid == 2) {
				showStep2(data.email);
			} else {
				showPassQuestion(data.question);
			}
		});
	});
});
</script>
